<template>
<div id="Music">
  <h3>Music</h3>
  <ul>
    <li v-for="(i,c) in list" :key="c">{{i}}</li>
  </ul>
</div>
</template>

<script>
export default {
  name: "Music",
  mounted() {
    // console.log(this.$route.params.id)
  },
  computed:{
    list(){
      switch (this.$route.params.id){
        case '1':
          return ['青花瓷','说谎','你是我的眼','浮夸'];
        case '2':
          return ['Playground','Because of you',"Don't push me",'Fire'];
        case '3':
          return ['可愛くなりたい','打上花火','loser','心生七面,善恶难辨'];
        default:
          return []
      }
    }
  }
}
</script>

<style scoped>

</style>